<template>
  <div>
    <!--ms-include-->
    <div class="pb-account">
      <p><i></i>银行卡管理</p>
      <div class="uc-r1" avalonctrl="vmBankCard">
        <div>
          <div id="tab1" class="pb-tab">
            <ul class="pb-tab-title">
              <li id="bankCardTab" class="curr">银行卡管理</li>
            </ul>
            <ul class="pb-tab-con">
              <!--银行卡管理 -->
              <li class="pb-tab-con-item first">
                <div class="uc-mybank-wrap clearfix">
                  <!--repeat57233377193-->
                  <!--repeat57233377193:end-->
                </div>
                <div class="pz-info-2">
                  <!--<div class="ui-sub-form">
		<label class="ui-label">
			<b style="font-size: 20px;">添加银行卡</b>
		</label>
		&nbsp;
	</div>-->
                  <div style=" padding-bottom:20px;color:#333;font-size:14px;" class="warn_tip">
                    <em>请务必保证银行卡的准确与真实性，并且该银行卡的所属名必须与您在本平台的实名保持一致</em>
                  </div>
                  <div class="ui-sub-form">
                    <label class="ui-label">开户名：</label>
                    <input placeholder="请输入开户名" type="text">
                  </div>
                  <div class="ui-sub-form">
                    <label class="ui-label">开户银行：</label>
                    <select style="width:100px;">
                      <option value="000">北京市</option>
                    </select>
                  </div>
                  <div class="ui-sub-form">
                    <label class="ui-label">开户行所在地：</label>
                    <select style="width:135px;">
                      <!--repeat557070001658-->
                      <option value="000">北京市</option>                      
                    </select>
                    <select style="width:80px;">
                      <option value="000000">北京市</option>
                    </select>
                    <select style="width:220px;">
                      <!--repeat952046208268-->
                      <option value="000000000000">北京市樱桃园支行营业室</option>                   
                      <option value="0">其他支行</option>
                    </select>
                  </div>
                  <div class="ui-sub-form"><em class="red" style="padding-left:110px;">如您的开户行信息不在列表中，请选择【其他支行】人工自行添加</em></div>
                  <div class="ui-sub-form" style="display: none;">
                    <label class="ui-label">其它支行：</label>
                    <input type="text" id="otherAddress" class="ui-input" style="width: 188px;" maxlength="30">
                    <span id="spCity" style="color: red;"></span>
                  </div>
                  <div class="ui-sub-form">
                    <label class="ui-label">银行卡号：</label>
                    <input type="text" id="bankCardNo" class="ui-input" style="width: 188px" maxlength="30" onkeyup="this.value=this.value.replace(/[^\d]/g,'');">
                    <span id="spBankCardNo" style="color: red;"></span>
                  </div>
                  <div class="ui-sub-form">
                    <label class="ui-label">确认卡号：</label>
                    <input type="text" id="reBankCardNo" class="ui-input" style="width: 188px" maxlength="30" onkeyup="this.value=this.value.replace(/[^\d]/g,'');">
                    <span id="spReBankCardNo" style="color: red;"></span>
                  </div>
                  <div class="ui-sub-form" style="padding-top: 10px;">
                    <input type="button" id="cardBtn" value="提交" style="display:block;width:235px;height:35px;text-align:center;color:#fff;border:none;background:url(../newImages/btn-bg.png) no-repeat!important;border-radius:4px;margin-left:110px;">
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="stylus" scoped>
/* 用户信息 */
.pz-info-2 {
  padding: 25px 20px 13px;
}
.pz-info .ui-sub-form {
  padding: 0 0 17px 180px;
}
.pz-info-2 .ui-sub-form {
  padding: 0 0 10px 0;
  line-height: 35px;
  height: 35px;
}
.pz-info-2 .ui-sub-form label {
  text-align: right;
}
.pz-info-box {
  padding: 0px 20px;
}
.pz-info-box span.wbox, .chooseBuyType span.wbox {
  text-align: center;
  display: inline-block;
  width: 270px;
  height: 170px;
  border: 1px solid #DBDBDB;
  vertical-align: middle;
  margin-bottom: 30px;
  margin-right: 30px;
}
.pz-info-box span.last {
  margin-right: 0px;
}

.pz-info-box .title {
  height: 50px;
  background: #f2f2f2;
  font-size: 20px;
  line-height: 50px;
}
.pz-info-box .ui-input {
  width: 225px;
  text-align: center;
  font-size: 24px;
  padding: 0px;
  height: 36px;
  line-height: 36px;
  color: #FF6600;
}
.pz-info-box .inp {
  padding: 20px 0px 15px;
  position: relative;
  height: 38px;
  line-height: 38px;
}
.pz-info-box .desc {
  color: #AAAAAA;
  font-size: 16px;
  line-height: 42px;
  height: 42px;
}
.pz-info-box .desc em {
  color: #AAAAAA;
  font-size: 30px;
  vertical-align: -3px;
}
.pz-info-box .result .inp {
  padding: 20px 0px 15px;
  color: #AAAAAA;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
}
.pz-info-box .desc em {
  color: #AAAAAA;
  font-size: 30px;
}
.pz-info-box .result .inp em {
  color: #FF6600;
  font-size: 30px;
  vertical-align: -3px;
}
.pz-info-box .result .desc em {
  color: #FF6600;
  font-size: 30px;
}
.pz-info-box p, .wbox p {
  font-size: 14px;
  color: #676767;
}
.pz-info-box td {
  font-size: 14px;
  color: #676767;
  border: 1px solid #DBDBDB;
  text-align: center;
}
.pz-info-box .qs {
  padding: 15px 15px 15px 30px;
  background: #fbfbfb;
  border: 1px solid #d2d2d2;
  margin-top: 25px;
  margin-bottom: 20px;
  height: 63px;
  line-height: 63px;
  color: #AAAAAA;
}
.pz-info-box .qs a {
  font-size: 28px;
  color: #333333;
}
.pz-info-box .qs i {
  padding-left: 10px;
  vertical-align: 5px;
}
.ui-label { float: left; font-size: 14px;padding-top: 0; text-align: left; width: 110px;font-weight:bold; }



</style>
